<!DOCTYPE html>
<html lang="zh-CN">

<head>
    {{template "common/head.html"}}
</head>

<body>
    <img src="/static/images/header.jpg" width="100%" />
    <div class="container-fluid">
        <div class="row">
            {{template "common/header.html" .}}
        </div>
        {{range .books}}
        <div class="row bg-tran zbox">
            <img class="col-xs-6 col-sm-4" src="{{.Picture}}" style="max-width: 150px;">
            <div class="col-xs-6 col-sm-8">
                <div>
                    <a href="/book/{{.ID}}" class="abtn">{{.Name}}</a>
                </div>
                <div class="price">￥{{.Price}}</div>
                <div>
                    <span>{{if .AuthorNationality}}[{{.AuthorNationality}}]{{end}}</span>
                    <form action="/search.html" class="line" method="POST">
                        <input name="name" value="{{.Author}}" class="hide" />
                        <button style="background-color: transparent;border: 0;" class="abtn" type="submit">{{.Author}} 著</button>
                    </form>
                    <span class="text-dec">&nbsp;/&nbsp;</span>
                    <span class="text-common">{{.PublicationTime}}</span>
                    <span class="text-dec">&nbsp;/&nbsp;</span>
                    <form action="/search.html" class="line" method="POST">
                        <input name="name"  value="{{.Publisher}}" class="hide" />
                        <button style="background-color: transparent;border: 0;" class="abtn" type="submit">{{.Publisher}}</button>
                    </form>
                </div>
                <p style="line-height: 18px;max-height: 54px;" class="text-break">{{.Summary}}</p>
            </div>
        </div>
        {{end}}
    </div>
</body>

</html>